<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>woody01</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>

        <div id="wrapper">

            <div id="header">
                <h1><a href="#">woody01</a></h1>
                <h2>your witty slogan here</h2>
            </div>

            <div id="menu">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#" class="current">Blog</a></li>
                    <li><a href="#">Photos</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>

            <div id="main">

                <div id="sidebar">
                    <h3>recent posts</h3>
                    <ul>
                        <li><a href="#">Lorem ipsum do...</a></li>
                        <li><a href="#">Donec nec nunc...</a></li>
                        <li><a href="#">Vestibulum non...</a></li>
                        <li><a href="#">Etiam bibendum...</a></li>
                        <li><a href="#">Morbi sagittis...</a></li>
                     </ul>

                     <h3>links</h3>
                     <ul>
                         <li><a href="http://brandoncwood.com">My Site</a></li>
                         <li><a href="http://opendesigns.org">Open Design Community</a></li>
                         <li><a href="http://www.sxc.hu/">stock.xchng</a></li>
                         <li><a href="http://validator.w3.org/check?uri=referer">Valid XHTML</a></li>
                         <li><a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a></li>
                     </ul>

                     <h3>syndicate</h3>
                     <a href="#"><img src="images/rss.png" alt="rss" /></a>
                </div>

                <div id="content">
                    <h2><a href="#">woody01</a></h2>
                    <p>
                        <img src="images/flower.jpg" alt="flower" class="right" />
                        This is my first design for the Open Design Community.
                        I tried to keep this template as simple as possible, and include several example tags to show everything
                        that you can do with it.  The design is pretty blog-centric, but it could easily be modified for other
                        purposes as well.
                    </p>
                    <p>
                        As this is my first design, I would greatly appreciate any comments or ideas on how I could make
                        this design better.
                    </p>
                    <p>
                        The sample images are from <a href="http://www.sxc.hu/">stock.xchng</a>, so you are free to use them,
                        or replace them with images of your own.  You are welcome to use and modify this design for any purpose.
                        All I ask is that you leave the "design by Brandon Wood" line in the footer so I get credit for
                        my work.
                    </p>
                    <blockquote>
                        This is an example of using the &lt;blockquote&gt; tag.  It can be used to display a quote from another
                        blog, or if you just want to highlight a certain piece of text.
                    </blockquote>
                    <p>
                        <img src="images/paradise.jpg" alt="paradise" class="left" />
                        Morbi sagittis suscipit velit. Nulla facilisi. Proin a tortor vel augue semper tempor. Praesent
                        lobortis nulla in dolor. Nam quis eros a est aliquet sagittis. Sed adipiscing molestie lorem.
                        Vestibulum ac odio a metus posuere iaculis. Donec metus ligula, rutrum vel, auctor eget, sagittis
                        pharetra, nisl.
                    </p>
                    <p>
                        Integer velit lacus, consectetuer eget, porttitor sit amet, lacinia et, risus. Aenean
                        laoreet. Sed mollis metus nec risus ultrices auctor. Aliquam erat volutpat. Cras sagittis tempor
                        augue. Donec pede. Proin semper vulputate dui. Donec metus ligula, rutrum vel, auctor eget, sagittis
                        pharetra, nisl.
                    </p>
                    <p>
                        Below is an example of posting code on your site:
                    </p>
                    <p class="code">
                        &lt;?php <br />
                            &nbsp;&nbsp;&nbsp;echo "Hello world!"; <br />
                        ?&gt; <br />
                    </p>
                </div>

            </div>

            <div id="footer">
                &copy;2006 {your name}
                &nbsp;&nbsp;~&nbsp;&nbsp;
                design by <a href="http://brandoncwood.com">Brandon Wood</a>
            </div>

        </div>

    </body>
</html>